<![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>CSS id og class</title>
<style>
h2 {
font-size:36px;
}
p {
color:#444;
}
.redTxt {
color:red;
}
.blueTxt {
color:blue;
}
.underline {
text-decoration:underline;
}
#yellowTxt {
color:yellow;
}
/* id er stærkere end class. */
/* man kan godt bruge flere classes på samme element -> class="class1 class2 class3" */
</style>
</head>
<body>
<h2>Heading 2</h2>
<p>Tøgers gamle blæksprøjte hedder <a href="http://www.politiken.dk" target="_blank" title="En slags pop-up hjælp">Politiken.dk</a></p>
<ol>
<li>Bananer</li>
<li>Æbler</li>
<li>Ananas</li>
<li>Meloner</li>
<li>Jordbær</li>
<li>Ferskner</li>
</ol>
<p>Tøgers gamle blæksprøjte hedder <a href="http://www.politiken.dk" target="_blank" title="En slags pop-up hjælp">Politiken.dk</a></p>
<p>Hørning Maskinfabrik fremstiller udstyr til materialebehandling og transport af næsten alle materialer, også efter opgave.</p>
<p class="redTxt underline">Hørning Maskinfabrik fremstiller udstyr til materialebehandling og transport af næsten alle materialer, også efter opgave.</p>
<p id="yellowTxt" class="blueTxt" >Hørning Maskinfabrik fremstiller udstyr til materialebehandling og transport af næsten alle materialer, også efter opgave.</p>
<p>Hørning Maskinfabrik fremstiller udstyr til materialebehandling og transport af næsten alle materialer, også efter opgave.</p>
<p>Hørning Maskinfabrik fremstiller udstyr til materialebehandling og transport af næsten alle materialer, også efter opgave.</p>
<h2>Heading 2</h2>
<p>Tøgers gamle blæksprøjte hedder <a href="http://www.politiken.dk" target="_blank" title="En slags pop-up hjælp">Politiken.dk</a></p>
<ul>
<li>Bananer</li>
<li>Æbler</li>
<li>Ananas</li>
<li>Meloner</li>
<li>Jordbær</li>
<li>Ferskner</li>
</ul>
<p>Tøgers gamle blæksprøjte hedder <a href="http://www.politiken.dk" target="_blank" title="En slags pop-up hjælp">Politiken.dk</a></p>
<p>Tøgers gamle blæksprøjte hedder <a href="http://www.politiken.dk" target="_blank" title="En slags pop-up hjælp">Politiken.dk</a></p>
</body>
</html>
]]>